<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 1000px;height:600px;"></div>
<script>
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        title: {
            text: '房源特点',
            subtext: '真实数量=图表数量*55'
        },

        legend: {
            type: 'scroll',
            bottom: 10,
            data: (function (){
                var list = [];
                for (var i = 1; i <=20; i++) {
                    list.push(i + 2000 + '');
                }
                return list;
            })()
        },
        visualMap: {
            top: 'middle',
            right: 10,
            color: ['red','orange', 'yellow'],
            calculable: true,

        },
        radar: {
            // shape: 'circle',
            indicator: [
                { name: '环线房', max: 1100},
                { name: '近主干道', max: 1100},
                { name: '购物方便', max: 1100},
                { name: '公交直达', max: 1100},
                { name: '成熟商圈', max: 1100},
                { name: '配套齐全', max: 1100},
                { name: '地铁沿线', max: 1100},
                { name: '医疗配套', max: 1100}
            ]
        },

        series: (function (){
            var series = [];
            for (var i = 1; i <= 20; i++) {
                series.push({
                    name: '浏览器（数据纯属虚构）',
                    type: 'radar',
                    symbol: 'none',
                    lineStyle: {
                        width: 1
                    },
                    emphasis: {
                        areaStyle: {
                            color: 'rgba(0,250,0,0.3)'
                        }
                    },
                    data: [{
                        value: [
                            (i-2)*56,
                            (i-2)*15,
                            (i+2)*52,
                            (i)*41,
                            (i)*20,
                            i*60,
                            i*39,
                            i*10
                            // [1011, 269, 1148, 834, 392, 1206, 779, 203]
                        ],
                    }]
                });
            }
            return series;
        })()
    };
    myChart.setOption(option);
</script>
</body>
</html>